@charset "utf-8"; /*　文字コード　*/
/*---------------------------------------------------------
	clearfix
---------------------------------------------------------*/
.cf:after{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/* IE7 */
*:first-child+html .cf{ zoom: 1;}


/*---------------------------------------------------------
	margin
---------------------------------------------------------*/
@for $i from 0 through 10 {
	$px: 1 * ($i);
	.m#{$i * 5}px{
		margin: #{$px * 5}px + !important;
	}
}

@for $i from 0 through 10 {
	$px: 1 * ($i);
	.mt#{$i * 5}px{
		margin-top: #{$px * 5}px + !important;
	}
}

@for $i from 0 through 10 {
	$px: 1 * ($i);
	.mb#{$i * 5}px{
		margin-bottom: #{$px * 5}px + !important;
	}
}

@for $i from 0 through 10 {
	$px: 1 * ($i);
	.ml#{$i * 5}px{
		margin-left: #{$px * 5}px + !important;
	}
}

@for $i from 0 through 10 {
	$px: 1 * ($i);
	.mr#{$i * 5}px{
		margin-right: #{$px * 5}px + !important;
	}
}




/*---------------------------------------------------------
	padding
---------------------------------------------------------*/
@for $i from 0 through 10 {
	$px: 1 * ($i);
	.p#{$i * 5}px{
		padding: #{$px * 5}px + !important;
	}
}

@for $i from 0 through 10 {
	$px: 1 * ($i);
	.pt#{$i * 5}px{
		padding-top: #{$px * 5}px + !important;
	}
}

@for $i from 0 through 10 {
	$px: 1 * ($i);
	.pb#{$i * 5}px{
		padding-bottom: #{$px * 5}px + !important;
	}
}

@for $i from 0 through 10 {
	$px: 1 * ($i);
	.pl#{$i * 5}px{
		padding-left: #{$px * 5}px + !important;
	}
}

@for $i from 0 through 10 {
	$px: 1 * ($i);
	.pr#{$i * 5}px{
		padding-right: #{$px * 5}px + !important;
	}
}



/*---------------------------------------------------------
	color
---------------------------------------------------------*/
.red{ color: #ff0000!important; }
.blue{ color: #0000ff!important; }
.green{ color: #008000!important; }
.yellow{ color: #ffff00!important; }
.navy{ color: #000080!important; }
.orange{ color: #ff9900!important; }
.orange2{ color: #ff6600!important; }
.pink{ color: #ff00ff!important; }
.purple{ color: #660099!important; }
.olive{ color: #808000!important; }
.lime{ color: #00ff00!important; }
.aqua{ color: #00ffff!important; }
.black{ color: #000000!important; }
.gray{ color: #cccccc!important; }
.white{ color: #ffffff!important; }


/*---------------------------------------------------------
	font
---------------------------------------------------------*/
@for $i from 6 through 42 {
	$px: 1 * ($i);
	.f#{$i}px{
		font-size: #{$px}px + !important;
	}
}

.b{ font-weight:bold!important;}
.normal{ font-weight: normal!important; }

/*---------------------------------------------------------
	text-align
---------------------------------------------------------*/
.al-c{ text-align: center; }
.al-r{ text-align: right; }
.al-l{ text-align: left; }


/*---------------------------------------------------------
	vertical-align
---------------------------------------------------------*/
.vl-t{ vertical-align: top; }
.vl-m{ vertical-align: middle; }
.vl-b{ vertical-align: bottom; }


/*---------------------------------------------------------
	float
---------------------------------------------------------*/
.fl-r{ float: right; }
.fl-l{ float: left; }
.fl-c{ clear: both; }


/*---------------------------------------------------------
	line-height
---------------------------------------------------------*/
@for $i from 10 through 30 {
	$n: 1 * ($i);
	.lh#{$i}{
		line-height: #{$n * 0.1}!important;
	}
}

/*---------------------------------------------------------
	news article
---------------------------------------------------------*/
em.small { font-size: 11px; font-weight: normal;}
em.large { font-size: 15px; font-weight: bold;}
.note { font-size: 11px; line-height: 1.5;}
.hide { display: none; }
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align :right }
.alignCenter { text-align: center; }
.decimal { margin: 0 0 0 1.5em; list-style: decimal; }
.disc { margin: 0 0 0 1.5em; list-style: disc; }
.vMid { vertical-align: middle; }
.vTop { vertical-align: top; }
.vBottom { vertical-align: bottom; }